import type React from 'react'
// import { FormBlock, FormBlockProps } from '@blocks/FormBlock/index'

// import { StyleguidePageContent } from '../../PageContent/index'

// const data: FormBlockProps = {
//   blockType: 'form',
//   padding: {
//     top: 'large',
//     bottom: 'large',
//   },
//   formFields: {
//     richText: [
//       { children: [{ text: 'Interested in learning more?' }], type: 'h2' },
//       {
//         children: [
//           {
//             text: 'Enterprises throughout the Fortune 500 leverage Payload for critical content infrastructure.',
//           },
//         ],
//       },
//       {
//         children: [
//           { text: 'Let us design a plan and budget deliberately meant to solve your needs.' },
//         ],
//       },
//     ],
//     form: {
//       id: '636270638500b86c17b16b40',
//       title: 'Contact',
//       fields: [
//         {
//           name: 'name',
//           label: 'Name',
//           defaultValue: '0',
//           required: true,
//           id: '6362704a4cc94f87f3b7ad3b',
//           blockType: 'text',
//         },
//         {
//           name: 'email',
//           label: 'Email',
//           required: true,
//           id: '63627d022b0cb12d51e4942a',
//           blockType: 'email',
//         },
//         {
//           name: 'company',
//           label: 'Company',
//           required: true,
//           id: '63627d0b2b0cb12d51e4942b',
//           blockType: 'text',
//         },
//       ],
//       confirmationType: 'message',
//       confirmationMessage: [{ children: [{ text: 'Confirmed.' }] }],
//       emails: [],
//       createdAt: '2022-11-02T13:28:03.513Z',
//       updatedAt: '2022-11-02T14:22:25.221Z',
//       redirect: { url: '' },
//     },
//   },
// }

export const FormBlockPage: React.FC = () => {
  // Disabled until frontend work is done
  return null
  // return (
  //   <StyleguidePageContent title="Form Block">
  //     <FormBlock {...data} />
  //   </StyleguidePageContent>
  // )
}
